<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="../header.jsp">
	<jsp:param value="首页" name="title"/>
</jsp:include>

<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap-table.min.css">

<script src="bootstrap-3.3.7-dist/js/bootstrap-table.js"></script>
<script src="bootstrap-3.3.7-dist/js/bootstrap-table-zh-CN.js"></script>

<script src="bootstrap-3.3.7-dist/js/bootstrap-table-export.js"></script>
<script src="bootstrap-3.3.7-dist/js/tableExport.js"></script>

<script src="table-to-json/jquery.tabletojson.js"></script>

<script type="text/javascript" src="js/user/userManager.js"></script>
<link href="css/user/userManager.css" rel="stylesheet">

<body>
	
	<div>
		<button id="active-button">激活</button>
	</div>
	
	<!-- 检索表单 -->
	<form class="form-inline" id="search-form" method="post">
		<div class="form-group">
			<label for="userName">用户名</label> <input id="userName" class="form-control" name="userName" style="width:120px;">
		</div>
		<div class="form-group">
			<label for="userSex">性别</label>
			<select class="form-control" name="userSex" style="width:120px;">
				<option value="">全部</option>
				<option value="0">男</option>
				<option value="1">女</option>
			</select>
		</div>
		<div class="form-group">
			<button class="btn btn-primary" type="button" id="search-button">搜索</button>
		</div>
		<!-- <div class="form-group">
			<button class="btn btn-primary" id="bootstrap-export-excel">bootstrap导出excel</button>
		</div> -->
		<div class="form-group">
			<div class="btn-group">
				<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">
					导出
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu" role="menu">
					<li><a onclick="exportSelectedData()">导出选中行数据</a></li>
					<li class="divider"></li>
					<li><a onclick="exportCurrentData()">导出当前页数据</a></li>
					<li class="divider"></li>
					<li><a onclick="exportAllData()">导出所有数据</a></li>
				</ul>
			</div>
		</div>
	</form>
	
	<table id="user-table"></table>
	
</body>
</html>